<template>
  <div class="empty-container">
      <Icon type="empty"/>
      <div class="empty-text">{{text}}</div>
  </div>
</template>

<script>
import Icon from '@/components/Icon'
export default {
    props:{
        text:{
            type:String,
            default:"无数据"
        }
    },
    components:{
        Icon
    }
}
</script>

<style lang='less' scoped>
@import '~@/styles/mixin.less';
@import '~@/styles/var.less';
.empty-container{
    .self-center();

    .icon-container{
        font-size: 120px;
    }
    .empty-text{
        margin-top: 20px;
        text-align: center;
    }

    .icon-container,.empty-text{
        color: @gray;
    }
}
</style>